.log-content {
    list-style: none;
    margin: 0;
    padding: 0 10px;
    height: calc(100% - 38px);
    overflow-y: auto;
    padding: 10px 0;

    li {
        padding: 5px 0;
        font-size: 12px;
        border-bottom: 1px solid #f3f3f3;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;

        // clearfix
        &:after {
            content: "";
            display: table;
            clear: both;
        }

        a.info {
            color: #108ee9 !important;
        }

        &.error {
            color: red;
            font-weight: bold;

            a {
                color: red;
                text-decoration: underline;
            }
        }

        &.warning {
            color: orange;
        }

        .log-type {
            float: left;
            margin-right: 10px;
            width: 46px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .log-detail {
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            white-space: nowrap;
            margin-bottom: 0em;
        }
    }
}